<?php
include "includes/ui.php";

echo headerHTML("master","ร้านค้า");
?>
<!-- Moldule: Popup -->
<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel"><i class="icon-cog"></i> จัดการร้านค้า</h3>
    </div>
        <form class="form-horizontal">
    <div class="modal-body">
            <div class="control-group">
                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> ร้านค้า</label>
                <div class="controls">
                    <input type="text" id="txtName" placeholder="ชื่อร้านค้า" required maxlength="100">
                </div>
            </div>                       
            <div class="control-group">
                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> ที่อยู่</label>
            <div class="controls">
            <textarea rows="3" id="txtAddress" ></textarea>
            </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> เบอร์โทรศัพท์</label>
            <div class="controls">
             <input type="text" id="txtTelephone" placeholder="เบอร์โทรศัพท์ติดต่อ" required maxlength="20">
            </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputRepeat"><i class="icon-double-angle-right"></i> สถานะ</label>
                <div class="controls">
                    <label class="radio">
                        <span>
                            <input type="radio" name="chk" id='chkY' value="Y" checked> 
                        </span>
                        ใช้งาน
                    </label>
                    <label class="radio">
                        <span>
                            <input type="radio" name="chk" id='chkN' value="N" > 
                        </span>
                        ยกเลิกใช้งาน
                    </label>
                </div>
            </div>

    </div>

    <div class="modal-footer">

			<button type='submit' class="btn btn-primary" id="btnSave">บันทึก</button>
			<button class="btn" data-dismiss="modal" aria-hidden="true">ยกเลิก</button>
    </div>
        </form>
</div> 
<!-- / Module: Popup --> 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> ร้านค้า</h3>
            <div class='tmp' style='float:right'>
				<a href="#"  ><button class="btn"  style='width:80px;' id='btnPrintDraft' tooltip="Add">พิมพ์</button></a>
                <a href="#popup" data-toggle="modal"><button class="btn btn-primary" id="btnAdd" data-original-title="เพิ่มข้อมูล"  rel="tooltip" >เพิ่ม</button></a>
            </div>
        </div>
        <!-- /  : Top Bar -->

        <!-- Pie: Content -->
        <div class="well no-padding">


            <table class="data-table"  id="resultData">
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:30px !important;'>#</th>
						<th style='color:#333 !important;width:0px !important'>0</th>
                        <th style='color:#333 !important;width:150px !important;'>รายชื่อร้านค้า</th>
                        <th style='color:#333 !important;'>ที่อยู่</th>
                        <th style='color:#333 !important;width:80px !important;' class="center">เบอร์โทร</th>
                        <th style='color:#333 !important;width:60px !important;' class="center">สถานะ</th>
                        <th style='color:#333 !important;width:30px !important;' class="center">แก้ไข</th>
                        <th style='color:#333 !important;width:30px !important;' class="center">ลบ</th>
                    </tr>
                </thead>
                <tbody>
                    <!--tr class="odd gradeX">
                        <td>1</td>
                        <td>วรวุฒิพานิชย์</td>
                         <td>1/234 ต.ในเมื่อง อ.เมื่อง จ.ชลบุรี</td>
                           <td>038239405</td>
                        <td style='color:green !important;'>ใช้งาน</td>
                          <td class="center"><a href="#popup" data-toggle="modal"><img src='img/edit-file.png' style='cursor:pointer;'/></a></td>
                        <td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
                    <tr class="even gradeC">
                        <td>2</td>
                       <td>วรวุฒิพานิชย์</td>
                         <td>1/234 ต.ในเมื่อง อ.เมื่อง จ.ชลบุรี</td>
                           <td>038239405</td>
                        <td style='color:green !important;'>ใช้งาน</td>
                          <td class="center"><a href="#popup" data-toggle="modal"><img src='img/edit-file.png' style='cursor:pointer;'/></a></td>
                        <td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
                    <tr class="odd gradeX">
                        <td>3</td>
                       <td>วรวุฒิพานิชย์</td>
                         <td>1/234 ต.ในเมื่อง อ.เมื่อง จ.ชลบุรี</td>
                           <td>038239405</td>
                        <td style='color:green !important;'>ใช้งาน</td>
                          <td class="center"><a href="#popup" data-toggle="modal"><img src='img/edit-file.png' style='cursor:pointer;'/></a></td>
                        <td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
                    <tr class="even gradeA">
                        <td>4</td>
                        <td>วรวุฒิพานิชย์</td>
                         <td>1/234 ต.ในเมื่อง อ.เมื่อง จ.ชลบุรี</td>
                           <td>038239405</td>
                        <td style='color:green !important;'>ใช้งาน</td>
                          <td class="center"><a href="#popup" data-toggle="modal"><img src='img/edit-file.png' style='cursor:pointer;'/></a></td>
                        <td class="center"><img src='img/delete-file.png'/></td>
                    </tr>
                    <tr class="odd gradeA">
                        <td>5</td>
                        <td>วรวุฒิพานิชย์</td>
                         <td>1/234 ต.ในเมื่อง อ.เมื่อง จ.ชลบุรี</td>
                           <td>038239405</td>
                        <td style='color:green !important;'>ใช้งาน</td>
                          <td class="center"><a href="#popup" data-toggle="modal"><img src='img/edit-file.png' style='cursor:pointer;'/></a></td>
                        <td class="center"><img src='img/delete-file.png'/></td>
                    </tr-->



                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/myScript/js_supplier.js"></script>


</html>